calendar {
  .calendar-controls ion-col[width-25] button {
    //margin-top: 20% !important;
  }
  .titleCol {

  }
  .selectedDateLabel {

  }
  .btn_today {
    background-color: #fc5c53;
    width: 22px;
    height: 22px;
    right: 10px;
    position: absolute;
    top: 10px;
  }
  .calendar-row {
    max-height: 50px;

    .calendar-col {
      padding: 0px;
      margin: 5px;

      button {
        //max-height: 32px;
      }
      .dot {
        border-radius: 3px;
        width: 6px;
        height: 6px;
        background-color: #fc5c53;
        bottom: 3px;
        display: none;
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
      }
    }
  }

  .calendar-week-day {
    max-width: 15%;
  }

  .calendar-day {
    color: black;
    font-size: 1.3em;
    position: relative;
  }

  .selected {
    background-color: #fc5c53 !important;
    color: white;
  }
  .selected-dot {
    background-color: white !important;
  }
  .no-selected-dot {
    background-color: #fc5c53 !important;
  }

  .hasEvents {
    border-bottom: 2px solid red;
  }

  .selectedMonthLabel {
    //background-color: yellow;
    text-transform: capitalize;
    position: relative;
    //margin-bottom: 0px;
    margin-top: 10px;
    //height: 100%;
    //width: 100%;
  }
  .selectedDatetime {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    //background-color: transparent;
    opacity: 0;
  }
}
